<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>复合选择器</title>
</head>
<body>
    <!-- 后代选择器 选中后代元素 父子之间用空格隔开 -->
    <!-- 子代选择器 选中子代元素 父子之间用>隔开-->
     <!-- 并集选择器 选择器之间用，隔开 -->
      <!-- 交集选择器 选择器之间连写 没有任何符号 -->
</body>
</html>